@charset "utf-8";
*{margin:0;padding:0}
body,html{width:100%;height:100%}

body{
	font:12px Tahoma;
	text-align:left;
	background:#fff;
	color:#555
}
h1,h2,h3{margin:0 0 20px}
p{margin:0 0 10px}

::selection{background:#559922;color:#fff}
::-moz-selection{background:#559922;color:#fff}

a{outline:none;color:#592;text-decoration:none;padding:2px 4px;border-radius:2px}
a:hover{background:#592;color:#fff}
a img{border:none}

hr{clear:both;margin:10px 0;height:1px;border:none;border-top:1px dotted #999;float:left;width:100%}

input${placeholder('color:#ccc')}
input,select,textarea{margin:5px;padding:2px;border:1px solid #ccc;font:11px Tahoma}
input:focus{border-color:#62cf58}
input[type=submit],input[type=button],input[type=reset],button{
	border:none;
	font-weight:bolder;
	color:#fff;
	padding:2px 4px;
	font-size:11px;
	cursor:pointer;
	border-radius:2px;
	opacity:0.75;
	background:${linear_gradient('top', '#ccc', '#999')};
}
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover{
	opacity:1
}
input[type=submit]{background:${linear_gradient('top', '#592', '#362')}}
input[type=text]{width:200px}
input[type=text],input[type=password]{height:16px}
select{height:22px}
input[type=text].form-error{border-color:#f00}
input.small[type=text]{width:30px}
input.medium[type=text]{width:50px}
input.xmedium[type=text]{width:80px}
input.large[type=text]{width:300px}
input.datepicker{width:60px;padding-right:20px;background:#fff url(../img/ico-datepicker.png) no-repeat right center}
input.datepicker.loading{background-image:url(../img/loading.gif)}
textarea{width:400px;height:100px}
.label{float:left;clear:both;margin-top:7px;text-align:right}
.label.span2{width:100px}
.value{float:left;margin:5px 0 5px 5px;padding:2px}
.value.list-values strong{width:70px;display:inline-block;margin-right:5px;text-align:right}

fieldset{padding:2%;clear:both;float:left;width:96%;border:1px dotted #aaa;margin:10px 0}
legend{color:#aaa;padding:0 5px}

optgroup{color:#559922;margin:3px}
optgroup option{color:#555;padding:2px 4px}

.left{float:left}
.right{float:right}
.clear{clear:both}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}

.btn{
	display:inline-block;
	width:14px;
	height:14px;
	overflow:hidden;
	text-align:center;
	padding:0;
	line-height:12px;
	font-weight:bolder;
	font-size:13px;
	cursor:pointer;
	color:#fff;
	background:${linear_gradient('top', '#ccc', '#999')}
}
.btn:hover{background:${linear_gradient('top', '#aaa', '#777')}}
.btn.add{background:${linear_gradient('top', '#6bc24e', '#488c31')}}
.btn.add:hover{background:${linear_gradient('top', '#559922', '#336622')}}
.btn.delete{background:${linear_gradient('top', '#ed3e3e', '#c72525')}}
.btn.delete:hover{background:${linear_gradient('top', '#d72828', '#9c1515')}}

.box{
	color:#fff;
	background:#777
}

#flashMessageContainer{
	width:300px;
	margin-left:-150px;
	position:fixed;
	left:50%;
	top:25px;
	height:50px;
	overflow: hidden;
	text-align:center
}
#flashMessage{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
}
#flashMessage .message{
	display:inline-block;
	font-size:11px;
	padding:4px 10px;
	border-radius:0 0 4px 4px;
	background:${linear_gradient('top', '#EFF1B7', '#C4C66F')}
}
#flashMessage.error .message, #flashMessage.ok .message{
	color:#fff;
	font-weight:bolder;
	background:${linear_gradient('top', '#C52323', '#7B1010')}
}
#flashMessage.ok .message{
	background:${linear_gradient('top', '#3A9127', '#22671F')}
}

#menu{list-style:none;background:#777;float:left;min-width:400px;width:100%;height:25px;position:fixed}
#menu a:hover{background-color:transparent}
#menu>li,#menu>li.current:first-child{display:block;float:left;position:relative;opacity:0.5}
#menu>li:hover{opacity:1}
#menu>li.sub:hover,#menu>li.sub.current:hover{opacity:1}
#menu>li.sub>a{padding-right:20px;background-image:url(../img/menu-sub.png);background-repeat:no-repeat;background-position:90% 10px}
#menu>li.current{opacity:1;background:#fff}
#menu>li.sub.current>a{background-image:url(../img/menu-sub-active.png)}
#menu>li.current>a{font-weight:bolder}
#menu>li:first-child,#menu>li.current:first-child{margin-left:5px;background:transparent}
#menu>li:first-child>a,#menu>li.current:first-child>a{background:url(../img/menu-settings.png) no-repeat center center;padding:5px 20px;text-indent:-100em;overflow:hidden}
#menu ul,#menu .current:first-child ul{list-style:none;position:absolute;top:25px;display:none;background:#777;min-width:150px;box-shadow:3px 3px 3px #555;border:none}
#menu .current ul{background:#fff;border:1px solid #ccc;border-top:none}
#menu a,#menu .current:first-child a{display:block;height:15px;overflow:hidden;text-decoration:none;color:#fff;padding:5px 10px;}
#menu .current a{color:#555}
#menu ul a{opacity:0.3}
#menu ul a:hover,#menu .current:first-child ul a:hover{opacity:1;background:#999}
#menu .current ul a:hover{background:#eee}

#content{display:block;clear:both;padding:45px 20px 20px}

.entity-table{width:800px;border-collapse:collapse;border:1px solid #ccc;clear:both}
.entity-table td,.entity-table th{padding:4px;vertical-align:top}
.entity-table th{background:#ccc}
.entity-table tr:nth-child(2n) td{background:#f0f0f0}
.entity-table tr:hover td{background-color:#f7e7a6} 
.entity-table td.actions{width:40px}
.entity-table td.actions a{display:block;float:left;margin:0 2px;width:16px;height:16px;overflow:hidden;overflow:hidden;text-indent:-100em;opacity:0.5;padding:0}
.entity-table td.actions a:hover{opacity:1}
.entity-table td.actions a.delete{background:url(../img/ico-delete.png) no-repeat center center}
.entity-table td.actions a.edit{background:url(../img/ico-edit.png) no-repeat center center}
.entity-table p.list-item{margin-bottom:2px;clear:both}
.entity-table p.list-item span{display:inline-block;margin-right:2px}
.entity-table p.list-item .amount{width:20px;text-align:right}
.entity-table p.list-item .price{width:70px;text-align:right}
.entity-table th.section{background:#592;color:#fff;font-weight:normal;text-transform:uppercase}
.entity-table input{margin:0}
.entity-table input.price{width:100px;float:right}

.result-table{clear:both;border-collapse:collapse;border:1px solid #ccc;width:800px}
.result-table th,.result-table td{padding:4px;vertical-align:top}
.result-table th{background:#ccc}
.result-table td{border-bottom:1px solid #ccc}
.result-table .subtotal{background:#777 !important;color:#ccc;font-weight:bolder}
.result-table .total{font-weight:bolder;background:#555;color:#fff}
.result-table .otprema{background:#559922;color:#fff}
.result-table .povracaj{background:#C41A17;color:#fff}
.result-message{background:#D1CC4B;float:left;width:780px;padding:10px;border-radius:0 0 4px 4px}
.result-message.error{background:#C41A17;color:#fff}
.result-message.ok{background:#429B0F;color:#fff}

.entity-form{float:left;padding:10px;clear:both;border-radius:4px}
.entity-form label,.entity-form .label{cursor:pointer;float:left;width:100px;text-align:right;margin:7px 0;clear:both}
.entity-form label.auto{width:auto}
.entity-form label.inline{clear:none}
.entity-form label.large{width:150px}
.entity-form input,.entity-form select,.entity-form textarea{float:left;margin:5px}
.entity-form select{width:150px}
.entity-form select.auto{width:auto}

.entity-form .radios{float:left;margin:2px}
.entity-form .radios label{clear:none;width:auto;text-align:left;margin:4px 20px 0 0}

.entity-form input[type=submit]{clear:both;float:right;margin-top:20px}
.entity-form .error-message-conatiner{position:relative;float:left}
.entity-form .error-message{position:absolute;min-width:140px;margin:5px 0 5px 5px;color:#fff;border-radius:3px;padding:3px 5px;font-size:11px;
	background:${linear_gradient('top', '#e62c2c', '#c31e1e')}
}
.entity-form .error-message:before{display:block;width:10px;height:10px;position:absolute;margin:1px 0 0 -10px;content: " ";background:url(../img/error-arrow.png) no-repeat 0 center}

.filter-form{float:left;padding:10px;clear:both;border-radius:4px 4px 0 0;background:#bbb;margin:10px 0 0;width:780px;box-shadow:inset 0 -1px 2px #777}
.filter-form input[type=submit]{float:right}
.filter-form .reset{float:right;margin:5px 0;color:#fff}
.filter-form .reset:hover{background:#fff;color:#555}

.filter-form .left{float:none;display:inline-block}
.filter-form .autocomplete-label{float:left;margin-right:0;border-right:none}
.filter-form input.autocomplete-search{margin-left:0;margin-top:6px;width:10px;background-position:10px center}
.filter-form input.autocomplete-search:focus{border:none;background-color:#eee;background-position:95% center}

.pagination{width:790px;color:#aaa;margin-top:20px;padding:5px;text-align:center;border-radius:4px;background:#FBF3D2;height:20px;line-height:20px}
.pagination a{color:#aaa;text-decoration:none}
.pagination a:hover{background:#777;color:#fff}
.pagination .current,.pagination strong{font-weight:bolder;color:#555}
.pagination .numbers{width:80%;overflow:hidden;float:left}
.pagination .numbers span{margin:0 2px}
.pagination .first,.pagination .last{float:left;width:10%;height:24px;overflow:hidden;text-align:left;font-size:20px;line-height:16px;color:#ddd;font-weight:normal}
.pagination .first a,.pagination .last a{color:#555;font-weight:bolder;display:inline-block;line-height:18px;padding:0;width:20px;height:20px;text-align:center}
.pagination .first a:hover,.pagination .last a:hover{color:#fff}
.pagination .last{float:right;text-align:right}

.multi-inputs .btn{margin:8px 5px 0 0;float:right}
.multi-inputs .add{display:none}
.multi-inputs .item{clear:both;float:left;width:100%}
.multi-inputs .item:last-child .add{display:inline-block}
.multi-inputs .item:last-child .delete{display:none}
.multi-inputs .item:hover{background:#eee}

#rabat-value{padding-right:20px;height:20px}
#rabat-value.loading{background:url(../img/loading.gif) no-repeat right center}

#lightbox.loading{background:url(../img/loading.gif) no-repeat center center}
#lightbox.loading *{display:none}
#lightbox a{color:#592}
#lightbox a:hover{color:#fff}